/-app
/-app/files
/-app/layout
Application.css
Application.html
TestCase.html
TestPage.css
TestPage.html
Welcome.html
/-app/tests
Application.ts
PageLayout.ts
functions.ts
/-boot
/-docs
/-features
/-imports
/-koBindings
/-storage
/-tests
/-typings
base.css
readme.md
stringUtils.ts
teapo.html
try.html
try.js
1
<html><head><title>Trial layout</title><style>
2
html {
3
  margin: 0px; padding: 0px;
4
  overflow: hidden;
5
}
6
body {
7
  margin: 0px; padding: 0px;
8
  overflow-x: scroll;
9
  overflow-y: hidden;
10
}
11
.teapo-layout-tab {
12
  table-layout: fixed;
13
  width:150%;
14
  height: 100%;
15
  background: white;
16
}
17
.teapo-layout-panel-cell {
18
  margin: 0px;
19
  padding: 0px;
20
  width: 50%;
21
  height: 100%;
22
  background: silver;
23
}
24
.teapo-layout-toolbar-cell {
25
  height: 1%;
26
}
27
.teapo-layout-statusbar-cell {
28
  height: 1%;
29
}
30
</style></head>
31
 
32
<body>
33
<table class="teapo-layout-tab"><tbody><tr><td class="teapo-layout-toolbar-cell" style="width: 60%;">
34
  <a style="float: left" name="left">*</a>
35
  <a style="float: right" href="#right">&gt;&gt;</a>
36
  left
37
</td><td class="teapo-layout-toolbar-cell" style="width: 40%;">
38
  <a style="float: right" name="right">*</a>
39
  <a style="float: left" href="#left">&lt;&lt;</a>
40
  right
41
</td></tr><tr><td class="teapo-layout-panel-cell">
42
<div style="overflow: auto;width:100%;height:100%;white-space:pre-wrap;">
43
  IDE in a bottle
44
===========
45
*Teapo v0.5j*
46
 
47
Edit, run, save, pass around a whole project as a single HTML file, on any device from an iPad to a laptop, from IE6 to Chrome Mobile. Or Blackberry. Or Firefox OS.
48
 
49
This is as HTML5 applications were meant to be, before working groups and stakeholders and proposals.
50
 
51
Roadmap
52
-----
53
 
54
- **v0.4h** is a prototype self-hosting its own development, supporting syntax/error highlighting, code completion and build for JavaScript, HTML, CSS and TypeScript.
55
- **v0.5j** adds an extensibility model for arbitrary languages, a unit test runner convering Teapo itself, look-and-feel reftresh.
56
- **v0.6f** will focus on productivity and code quality: refresh of touch-based code editing, more features for testing and debugging.
57
- **git** - planned git support.
58
- **crypto** - planned feature for requiring a password on opening.
59
- **repo** - planned service for hosting Teapo projects, adding freemium build farm, test and exotic compilation features.
60
 
61
Current
62
-----
63
This version is part of v0.5j phase, currently implemented storage and proof-of-concept bootstrap layout, and now focussing on plugging this new layout in the heart of the application.
64
</div>
65
</td><td class="teapo-layout-panel-cell">
66
<div style="width: 100%; height: 100%; overflow: auto;">
67
  <b>document.txt</b><br>
68
  main.html<br>
69
  main.css<br>
70
  readme.md<br>
71
</div>
72
</td></tr><tr><td class="teapo-layout-statusbar-cell" style="width: 60%;">
73
  document.txt 1:1
74
</td><td class="teapo-layout-statusbar-cell" style="width: 40%;">
75
  12 files
76
</td></tr></tbody></table>
77
 
78
</body></html>